@charset "utf-8";

/* Hschubin */
*{margin: 0;padding: 0;}
html {font-family: Arial,"微软雅黑";font-size:625%;color: #333;}
body {max-width:640px;margin:auto;font-size:.18rem;background:#fff;}
p,input,textarea {font-size:inherit;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em,i{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}

/* public */
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}

.main{max-width:6.1rem;margin:0 auto;}
.img_box{display:table-cell;vertical-align:middle;text-align:center;}
.col-1{width:100%;float:left;display:inline-block;}
.col-2{width:50%;float:left;display:inline-block;}
.col-3{width:33.33%;float:left;display:inline-block;}
.col-4{width:25%;float:left;display:inline-block;}


.header{width: 100%;max-width: 6.4rem; height: .96rem;background: rgba(255,255,255,.08);position: fixed; top: 0;z-index: 2000;}
.header>.main{z-index: 999;}
.header h1{width: 3.08rem;height: .96rem;background: url('../images/logo_03.png') no-repeat center/3.1rem 0.6rem;position: relative;z-index: 99999;}
.header h1 a{display: block;height: .96rem;color: #000;font-size: .22rem;line-height:.96rem;}
.header .menu{width:.42rem;height:.96rem;line-height:.96rem;float:right;cursor: pointer;margin-right: 0.2rem;position: relative;z-index: 99999;background: url('../images/menu.png') center/.42rem .28rem no-repeat;}
.header .lang{float: right;line-height: .96rem;margin-right: 0.3rem;font-size: 0.35rem;color: #888888;}
.header.h-menu-show .menu{background: url('../images/err.png') center/.40rem .4rem no-repeat;}
.wap-menu{position: fixed;top: 50%;transform: translate(-50%,-50%);background: #000;z-index: 100;width: 6.4rem;padding-top: 1.92rem;overflow: auto;height: 100%;transition: 0.3s;left: -100%;}
.sub-menu {display: none;}
.header.h-menu-show .wap-menu{left: 50%;opacity: 1;}
.header .h-mid .dropdown a{color: #3b393a;transition: all 0.3s ease;line-height: 1rem;font-size: 0.32rem;}
.header .h-mid li.active .dropdown a {color: #fff;}
.header .h-mid li a {padding-left: 0.28rem;}
.sub-menu dd a {font-size: 0.24rem;line-height: 0.6rem;color: #fff;}
.sub-menu {border-bottom: 0.01rem solid rgba(255,255,255,0.2);padding: 3% 0;}
.header .h-mid li .dropdown{border-bottom: 0.01rem solid rgba(255,255,255,0.2);}
.sub-menu a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.header .h-bot {padding-top: 5%;text-align: center;}
.header .h-bot .h-links a.a-language {color: #fff;display: inline-block;width: 0.6rem;height: 0.6rem;vertical-align: middle;font-size: 0;margin: 0 0.2rem;border-radius: 50%;background-size: contain;background: url(../images/lang.png) no-repeat center center #262626;}
.header .h-bot .h-links a.a-wap-open-s {color: #fff;display: inline-block;width: 0.6rem;height: 0.6rem;vertical-align: middle;margin: 0 0.2rem;border-radius: 50%;font-size: 0.16rem;background-size: contain;background: url(../images/sbtn.png) no-repeat center center #262626;}
.header .h-bot .h-search {width: 80%;max-width: 4rem;margin: 0 auto;display: none;}
.header .h-bot .h-search .search-box {position: relative;padding-right: 0.3rem;width: 100%;border-bottom: 0.01rem solid #bbb;}
.header .h-bot .h-search .search-box .text {width: 100%;height: 0.5rem;padding-top: 0.14rem;border: 0;background: none;color: rgba(255, 255, 255, 0.5);}
.header .h-bot .h-search .search-box .btn-search {position: absolute;top: 0.14rem;right: 0;display: block;width: 0.3rem;bottom: 0.01rem;background: url(../images/ico_search1.png) no-repeat right center;}






/* 底部分享按钮 */
.social-share .wechat-qrcode h4 {font-weight: normal;height: 0.26rem;line-height: 0.26rem;font-size: 0.12rem;background-color: #f3f3f3;margin: 0;padding: 0;color: #777;}
.social-share .wechat-qrcode:after {content: '';position: absolute;left: 50%;margin-left: -0.06rem;bottom: -0.13rem;width: 0;height: 0;border-width: 0.08rem 0.06rem 0.06rem 0.06rem;border-style: solid;border-color: #fff transparent transparent transparent;}
.social-share .wechat-qrcode .qrcode{margin: 0.1rem auto;}
.social-share .qrcode img {float: left;width: 1rem;margin: 0 0.05rem;}
#share a {width: 0.6rem;height: 0.6rem;line-height: 0.6rem;font-size: 0.3rem;color: #9a9a9b;border: 0;margin: 0 0.16rem;position: relative;}
#share .qrcode .pic{display: inline-block;}
#share .qrcode .pic span, #share .qrcode .pic b {display: block;}
#share .qrcode .pic b{font-weight: normal;}

.footer{background-color: #2a2a2a;padding-bottom: 0.45rem;border-left: 0; border-right: 0;}
.footer .main{min-height: auto;}
.footer .main:before{display: table;content: '';}
.footer .social-share{margin-top: 0.2rem;text-align: center;color: #FFFFFF;position: relative;}
.footer .social-share .icon-weibo:before{
	content: '';
	width: 0.6rem;
	display: inline-block;
	height: 0.6rem;
    background: rgba(255,255,255,0.05) url(../images/weibo01.png) no-repeat center/0.3rem 0.3rem;
	border-radius: 50%;
	transition: all .6s;
}
.footer .social-share .icon-weibo:hover:before{
    background: #FFFFFF url(../images/weibo.png) no-repeat center;
}
.footer .social-share .icon-weibo:hover .wechat-qrcode,
.footer .social-share .icon-wechat:hover .wechat-qrcode{
	display: block;
}
.footer .social-share .icon-weibo .wechat-qrcode,
.footer .social-share .icon-wechat .wechat-qrcode{
	position: absolute;
	display: none;
}
.footer .social-share .icon-wechat:before{
	content: '';
	width: 0.6rem;
	display: inline-block;
	height: 0.6rem;
    background: rgba(255,255,255,0.05) url(../images/weixi01.png) no-repeat center/0.3rem 0.3rem;
	border-radius: 50%;
	transition: all .6s;
}
.footer .social-share .icon-wechat:hover:before{
    background: #FFFFFF url(../images/weixi.png) no-repeat center;
}
.social-share .wechat-qrcode {
    display: none;
    border: 0.01rem solid #eee;
    position: absolute;
    z-index: 35;
    bottom: 100%;
    left: 50%;
    width: 3.41rem;
    margin-left: -1.7rem;
    margin-bottom: 0.2rem;
    color: #666;
    font-size: 0.12rem;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0.02rem 0.1rem #aaa;
    transition: all 200ms;
    -webkit-tansition: all 350ms;
    -moz-transition: all 350ms;
}




.footer ul{padding: 0.5rem 0;border-top: 0.01rem solid #555555;}
.footer ul li>p:after{content: '+';float: right;display: inline-block;}
.footer ul li.on>p:after{content: '-';}
.footer ul li{float: left;color: #FFFFFF; font-size: 0.22rem; line-height: 0.6rem; width: 33.3%;text-align: center;}
.footer ul li div{display: none;margin-top: 0.5rem;}
.footer ul li div p{margin-left: 0.15rem;height: 0.5rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;vertical-align: bottom;box-sizing: border-box;}
.footer ul li div p a{vertical-align: bottom;display: block;width: 100%;}
.footer .icon{margin: 1.08rem 0 0.5rem;}
.footer .icon .img_box{width: 0.45rem;height: 0.45rem;}
.footer .icon .img_box+.img_box{padding-left: 0.37rem;}
.footer .bshare-custom{margin: .35rem 0 0.53rem;}
.footer .bshare-custom.icon-medium-plus>a{
	padding-left: .45rem;
	height: .34rem;
}
.footer .bshare-custom.icon-medium-plus, .bshare-custom.icon-large{
	text-align: center;
}
.footer p{
	font-size: 0.18rem;
	line-height: 0.36rem;
	color: rgba(255,255,255,.5);
	margin-left: 0.2rem;
}

.social-share {
    font-family: "socialshare" !important;
    font-size: 0.16rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.002rem;
    -moz-osx-font-smoothing: grayscale;
}















/* 轮播图 */
.banner{margin-bottom: 0.6rem;}
.banner .img_box{width: 6.4rem;height: 4rem;}
.banner .img_box img{width: 100%;height: 100%;}
.banner .swiper-pagination-bullet {background: url('../images/banner_icon.png') no-repeat center/0.16rem .15rem;width: .16rem;height: 0.15rem;display: inline-block;opacity: 1;border-radius: 0;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{outline: none;margin: 0 .05rem;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{display: flex;justify-content: center;align-items: center;}
.banner .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{background: url('../images/banner_icona.png') no-repeat center/0.16rem .15rem;width: .16rem;height: .15rem;margin: 0 .05rem;}


.index-product .swiper1{margin-top: 0.22rem;height: 5.6rem;margin-bottom: 0rem;}
.index-product.main{margin-bottom: 0.6rem;}
.index-product .title h2{color: #666666;font-size: 0.28rem;margin-bottom: 0.18rem;}
.index-product .title strong{font-size: 0.48rem;font-weight: bold;color: #666666;}
.index-product .swiper-slide .img{width: 6.1rem;height: 3.94rem;}
.index-product .swiper-slide h3{margin-top: 0.32rem;margin-bottom: 0.07rem;font-size: 0.24rem;}
.index-product .swiper-slide p{font-size: 0.20rem;line-height: 0.48rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.index-product .swiper-pagination span{background: url('../images/banner_icon.png') no-repeat center/0.16rem .15rem;width: .16rem;height: 0.15rem;}
.index-product .swiper-pagination span.swiper-pagination-bullet-active{background: url('../images/banner_icon.png') no-repeat center/0.16rem .15rem;width: .16rem !important;height: 0.15rem !important;}
.index-product .swiper3  .swiper-slide{height: 7.65rem;}
.index-product .swiper3  .swiper-pagination span{background: url('../images/banner_icon.png') no-repeat center/0.16rem .15rem;width: .16rem;color: rgba(0,0,0,0);height: 0.15rem;margin: 0 0.22rem;line-height: 0.15rem;opacity: 1;}
.index-product .swiper3 .swiper-pagination span.swiper-pagination-bullet-active{background: url('../images/icon_01.png') no-repeat center/0.43rem .36rem;opacity: 1;color: #000000;width: .43rem !important;margin: 0 0.09rem !important;height: 0.36rem !important;line-height: 0.36rem;}
.index-product .swiper3 .swiper-pagination span::after{border-color: rgba(0,0,0,0);}


.iabout{
	height: 5.8rem;
	margin: 0.9rem 0 0.6rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #FFFFFF;
	text-align: center;
}

.iabout h3{
	font-size: 0.6rem;
	margin: 1rem 0 0.9rem;
	line-height: 0.6rem;
	font-weight: bold;
}
.iabout:before{
	display: table;
	content: '';
}
.iabout p{
	font-size: 0.2rem;
	line-height: 0.36rem;
}
.iabout a{
	width: 1.5rem;
	display: block;
	margin: 0 auto;
	margin-top: 0.7rem;
	font-size: 0.16rem;
	line-height: 0.4rem;
	border-bottom: 1px solid #FFFFFF;
}
.iabout a:hover{
	color: #999999;
	border-bottom: 1px solid #999999;
}

.index-product .swiper1.t0{
	height: 6.45rem;
	margin-bottom: 0rem;
}
.index-product.t0 .swiper2{
	position: relative;
}
.swiper4 .prev,
.swiper4 .next,
.swiper5 .prev,
.swiper5 .next,
.index-product.t0 .swiper2 .prev,
.index-product.t0 .swiper2 .next{
	width: 0.4rem;
	height: 0.7rem;
	line-height: 0.7rem;
	top: 1.62rem;
	outline: none;
	font-size: 0.4rem;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	font-family: '宋体';
	z-index: 20;
	display: block;
	position: absolute;
	background-color: rgba(68,68,68,.8);
}

.swiper4 .next,
.index-product.t0 .swiper2 .next{
	right: 0;
}
.index-product .swiper-slide .img_box{
	width: 6.1rem;
	height: 3.35rem;
}
.index-product .swiper-slide .text_box{
	background-color: #696969;
	width: 6.1rem;
	padding: 0.32rem .3rem .24rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 2.45rem;
	position: relative;
}
.index-product .swiper-slide .text_box h3{
	font-size: 0.36rem;
	line-height: 0.36rem;
	font-weight: bold;
	margin: 0;
	color: #FFFFFF;
}
.index-product .swiper-slide .text_box p{
	color: #FFFFFF;
	line-height: 0.36rem;
	margin-top: 0.16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.index-product .swiper1.t0 .text_box button{
	float: right;
	border: 0;
	border-radius: 0.26rem;
	position: absolute;
	text-align: left;
	padding-left: 0.44rem;
	right: 0.32rem;
	bottom: 0.24rem;
	color: #FFFFFF;
	font-size: 0.18rem;
	margin-top: 0.13rem;
	width: 2.06rem;
	height: 0.52rem;
	background: #c60001 url('../images/aon-2.png') no-repeat 80% 50%;
}
.index-product.t0{
	background-color: #f5f5f5;
}
.index-product.t0 .title{
	margin: 0 0 0.35rem;
}
.index-product.t0 .title h2{
	margin-top: 0.52rem;
	font-size: 0.3rem;
	font-weight: bold;
	color: #333333;
}
.index-product.t0 .title strong{
	font-size: 0.3rem;
	font-weight: 300;
	font-family: '思源黑体 CN';
}
.index-product.t0 .right{
	margin-top: 0.57rem;
}
.index-product.t0 .right a{
	color: #666666;
	font-size: 0.16rem;
}
.index-product.t0 .swiper-slide h3{
	font-size: 0.28rem;
	margin-top: 0.47rem;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.index-product.t0 .swiper-slide p{
	-webkit-line-clamp: 2;
	color: #999999;
	font-size:0.22rem;
	line-height: 0.4rem;
	height: 0.8rem;
}
.index-product.t0 .swiper-slide .icon{
	font-size: 0.18rem;
	border-top: 1px solid #c1c1c1;
	color: #646464;
	margin: 0.35rem 0 0.85rem;
	padding-top: 0.3rem;
	background: url('../images/arr.png') no-repeat 15% 85%;
}




.zhezhao{
	background-color: rgba(0,0,0,.33);
	position: fixed;
	display: none;
	z-index: 20;
	max-width: 6.4rem;
	width: 100%;
	height: 100%;
}
/* login */
.login{
	display: none;
	position: fixed;
	z-index: 999;
	left: 50%;
	top: 20%;
	transform: translateX(-50%);
	width: 5.27rem;
	height: 5.78rem;
	background-color: #FFFFFF;
	text-align: center;
	
}
.login  h2{
	font-size: 0.3rem;
	padding-top: 0.9rem;
	padding-bottom: 0.15rem;
	font-weight: bold;
}
.login  i{
    width: 2.6rem;
    height: 1px;
	margin: 0 auto;
    display: inline-block;
    position: absolute;
	left: 0;
	right: 0;
	top: 1.6rem;
	z-index: 0;
    background: #666666;
}
.login .text{
	font-size: 0.14rem;
	line-height: 0.16rem;
	width: 0.85rem;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 5;
	background-color: #FFFFFF;
	margin: 0 auto;
	font-weight: bold;
	color: #666666;
}
.login .text::before{
	display: block;
	content: '';
}
.login .text p{
	font-size: 0.14rem;
	line-height: 0.16rem;
}
.login img{
	margin-top: 0.5rem;
}
.login form{
	margin-top: 0.5rem;
}
.login input{
	width: 4.36rem;
	height: 0.56rem;
	box-sizing: border-box;
	padding-left: 0.2rem;
	background-color: #f2f2f2;
	margin-bottom: 0.23rem;
	border: 1px solid #e5e5e5;
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
.login input:first-of-type{
	background-image: url('../images/login_icon03.png');
	background-size: 0.2rem 0.23rem;
}
.login input:last-of-type{
	background-image: url('../images/login_icon02.png');
	background-size: 0.2rem 0.26rem;
}
.login input::placeholder{
	font-size: 0.18rem;
	line-height: 0.48rem;
	color: #999999;
}
.login button{
	width: 4.39rem;
	height: 0.6rem;
	background-color: #d90000;
	color: #FFFFFF;
	font-size: 0.24rem;
	line-height: 0.48rem;
	border: 0;
}
.login .close{
	background-color: #d90000;
	position: absolute;
	right: 0;
	top: 0;
	color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	font-size: 0.4rem;
	width: 0.6rem;
	height: 0.6rem;
}


.tit_bg{
	width: 6.4rem;
	height: 5rem;
	background-size: 6.4rem 5rem;
}
.inav .break{
	line-height: 0.9rem;
}
.inav .break div{
	float: left;
}
.inav .break div a{
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #363636;
}

.inav .break div+div:before{
	display: inline-block;
	font-family: '宋体';
	content: '>';
	margin: 0 0.2rem;
}

.inav .page_name{
	border-top: 1px solid #a5a5a5;
	line-height: 0.6rem;
	margin-bottom: 0.32rem;
}
.inav .page_name li{
	float: left;
}
.inav .page_name li+li{
	margin-left: 0.7rem;
}
.inav .page_name li.on,
.inav .page_name li:hover{
	border-bottom: 0.05rem solid #ea0027;
}
.inav .page_name li a{
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #363636;
}

.index-product .swiper-container.swiper3 .swiper-slide .img{
	width: 100%;
	height: 3.45rem;
}
.index-product .swiper-container.swiper3 .swiper-slide .text_box{
	background-color: #f8f8f8;
	width: 100%;
	padding: 0.75rem 0.15rem 0.67rem;
	height: auto;
}
.index-product .swiper-container.swiper3 .text_box h3{
	font-size: 0.24rem;
	font-weight: 500;
	color: #333333;
}
.index-product .swiper-container.swiper3 .swiper-slide .text_box p{
	color: #666666;
	margin-top: 0.25rem;
	font-size: 0.22rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.index-product .swiper-container.swiper3 .swiper-slide .text_box p.time{
	font-size: 0.18rem;
	line-height: 0.34rem;
	color: #999999;
	margin-top: 0;
}
.index-product .swiper-container.swiper3 .swiper-slide .text_box p.more{
	color: #999999;
	font-size: 0.18rem;
	line-height: 0.24rem;
	
}
.news .news_box{
	margin: 0.45rem 0;
}
.news .img_box{
	width: 6.1rem;
	height: 3.55rem;
}
.news .text_box h3{
	font-size: 0.28rem;
	margin: 0.47rem 0 0.15rem;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.news .text_box p{
	font-size: 0.22rem;
	line-height: 0.4rem;
	padding-bottom: 0.4rem;
	margin-bottom: 0.3rem;
	border-bottom: 1px solid #c1c1c1;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.news .text_box span{
	font-size: 0.18rem;
	color: #646464;
}


 /* 新闻内页 */
.newsv{
	background-color: #f2f2f2;
}
.newsv .clearfix{
	background-color: #FFFFFF;
}
.newsv .main{
	margin-top: 0.2rem;
}
.newsv .newsv_box .htit{
    padding: 0.25rem 0;
	text-align: center;
	border-bottom: 1px solid #dedede;
	margin-bottom: 0.5rem;
}
.newsv .newsv_box .htit.case{
	text-align: left;
}
.newsv .newsv_box .htit h2{
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #333333;
	margin-bottom: 0.14rem;
	text-indent: .03rem;
	letter-spacing: 0.03rem;
}
.newsv .newsv_box .text_box p{
	font-size: 0.22rem;
    text-indent: 0.44rem;
	line-height: 0.4rem;
	color: #666666;
	margin-bottom: 0.5rem;
}
.newsv .newsv_box .text_box{
    font-size: 0.16rem;
    color: #333;
    line-height: 0.28rem;
    padding-bottom: 0.3rem;
}
.pages_box{
	border-top: 1px solid #dedede;
	padding-top: 0.2rem;
	margin-bottom: 0.45rem;
}
.pages_box p.next {
    line-height: 0.5rem;
}
.pages_box p.next a{
	color: #999999;
	font-size: 0.22rem;
	margin-right: 0.3rem;
}
.pages_box p.next a+a::before{
	content: '|';
	display: inline-block;
	color: #d8d8d8;
	margin-right: 0.3rem;
}

/* video */
.video{margin-top: 0.3rem;}
.video .eng_list_box .eng_box{width: 100%;height: 100%;position: relative;margin-bottom: 0.4rem;}
.video .eng_list_box .eng_box .shade{position: absolute;width: 100%;top: 0;left: 0;height: 100%;text-align: center;background-color: rgba(0,0,0,.3);}
.video .eng_list_box .eng_box .shade img{width: .64rem;height: .64rem;}
.video .eng_list_box .eng_box .shade .positi{position: absolute;transform: translate(-50%,-50%);top: 50%;left: 50%;}
.video .eng_list_box .eng_box .shade .positi .text_box{font-weight: bold;}
.video .eng_list_box .eng_box a >.text_box{display: none;}
.video .eng_list_box .eng_box .text_box{color: #FFFFFF;font-size: 0.24rem;line-height: 0.66rem;}
.video .eng_list_box .eng_box .img_box{width: 100%;}
.video .eng_list_box .eng_box .img_box img{width: 100%;}
.video .eng_list_box .img_box{width: 100%;}
.video .eng_list_box .eng_box a{display: block;}


.pages{text-align: center;margin: 0.5rem 0;}
.pages a{display: inline-block;font-family: '宋体';}
.pages a:nth-of-type(5){margin-right: 0.14rem;}

/* down */
.down{
	background-color: #f2f2f2;
}
.down .clearfix {
    background-color: #FFFFFF;
}
.down .main {
    margin-top: 0.2rem;
}
.down .down_box{
	position: relative;
	padding-bottom: 0.36rem;
	padding-top: 0.36rem;
	border-bottom: 1px solid #d5d5d5;
	
}

.down .down_box .text_box{
	min-height: 2rem;
	width: 4.65rem;
	border-right: 1px solid #c8c8c8;
	display: inline-block;
}
.down .down_box .text_box h3{
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #333333;
	margin: 0 0.15rem 0.35rem;
	
}
.down .down_box .text_box p{
	margin: 0 0.15rem;
	color: #676767;
	font-size: 0.2rem;
	line-height: 0.36rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.down .down_box .download{
	position: absolute;
	margin-left: 0.45rem;
	top: 0.95rem;
	right: 0.15rem;
	background: #575757 url('../images/down.png') no-repeat center/.43rem .45rem;
	width: 0.86rem;
	height: 0.86rem;
	border-radius: 0.08rem;
}
.down .down_box .download:hover{
	background: #e60012 url('../images/down.png') no-repeat center/.43rem .45rem;
}

/* 联系 */
.lianxi{
	background-color: #f2f2f2;
}
.lianxi .main{
	padding: 0.45rem 0 0.37rem;
}
.lianxi .lianxi_box{
	padding-top: 0.5rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 0.1rem;
	float: left;
	background-color: #FFFFFF;
	width: 3rem;
	height: 3rem;
	text-align: center;
	display: inline-block;
}
.lianxi .lianxi_box:nth-of-type(2n){
	margin-left: 0.1rem;
}
.lianxi .lianxi_box h3{
	font-size: 0.22rem;
	margin: 0.3rem 0 0.15rem;
}
.lianxi .lianxi_box p{
	color: #999999;
	font-size: 0.22rem;
	line-height: 0.3rem;
}
.lianxi .messages:before,
.lianxi .messages:after{
	display: block;
	content: '';
	clear: both;
}
.lianxi .messages{
	padding: 0.25rem;
	margin-top: 0.4rem;
	background-color: #FFFFFF;
	clear: both;
}
.lianxi .messages .tit h2{
	font-size: 0.36rem;
	line-height: 0.4rem;
	margin-bottom: 0.15rem;
	font-family: '思源黑体 CN';
}
.lianxi .messages .tit h2:first-of-type{
	font-weight: 300;
}

.lianxi .messages input{
	width: 100%;
	background-color: #F2F2F2;
}
.lianxi .messages form{
	margin-top: 0.5rem;
}


.lianxi .messages  input.number{
	width: 1.9rem;
	height: 0.6rem;
}


.lianxi .messages  input::placeholder{
	color: #999999;
	font-size: 0.18rem;
}
.lianxi .messages  textarea::placeholder{
	color: #999999;
	font-size: 0.18rem;
}
.lianxi .messages  input{
	width: 100%;
	height: 0.4rem;
	padding-left: 0.15rem;
	margin-bottom: 0.15rem;
	box-sizing: border-box;
	background-color: #f4f6f8;
}

.lianxi .messages  .img_box{
	width: 1.9rem;
	height: 0.6rem;
	background-color: #000000;
	display: inline-block;
	margin-left: 0.3rem;
	vertical-align: top;
}

.lianxi .messages  textarea{	
	width: 100%;
    resize: none;
	line-height: 0.4rem;
	padding-left: 0.15rem;
	margin-bottom: 0.25rem;
	box-sizing: border-box;
	background-color: #f4f6f8;
}
.lianxi .messages  button{	
	background-color:#414141;
	float: right;
	border: 0;
	outline: none;
	color: #FFFFFF;
	width: 1.5rem;
	font-size: 0.18rem;
	height: 0.5rem;
}


/* case */
.case-main { overflow : hidden }
.case-main ul { margin-top : 0.23rem }
.case-main li { width : 2.9rem ; float : left ; margin-right : 0.3rem ; margin-bottom : 0.5rem }
.case-main .img-box { width : 2.88rem ; height : 1.86rem ; overflow : hidden }
/* .case-main img { transition : .5s } */
/* .case-main li:hover img { transform : scale(1.1) } */
.case-main .title { float : left ; margin-bottom : 0.22rem }
.case-main h3 { margin-top : 0.26rem ; color : #666666 ; font-size : 0.16rem }
.case-main span { display : block ; margin-top : 0.06rem ; color : #C8C8C8 ; font-family : Arial ; font-size : 0.16rem }
.case-main b { display : block ; width : 0.22rem ; height : 0.13rem ; background-image : url(../images/case-arrow1.png) ; 
 background-size: .22rem .13rem;
 float : right ; margin-top : 0.42rem ; transition : .5s;}
.case-main li:hover b { background-image : url('../images/case-arrow2.png'); }
.case-main i { display : block ; width : 0rem ; height : 0.01rem ; background : #333333 ; transition : .5s }
.case-main li:hover i { width : 2.9rem }
.case-main i::after { content : "" ; display : block ; width : 2.9rem ; height : 0.01rem ; background-color : #E4E4E4 ; position : relative ; top : 0rem ; z-index : -1 }

.sort .main{
	padding-top: 0.36rem;
	border-top: 1px solid #dfdfdf;
}
.sort form div{
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
	border-right: 0;
	width: 1rem;
	height: 0.6rem;
	font-size: 0.22rem;
	color: #666666;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	display: inline-block;
	line-height: 0.6rem;
	float: left;
}
.sort form select{
	border: 1px solid #eeeeee;
	color: #666666;
	font-size: 0.22rem;
	width: 5.1rem;
	padding-left: 0.2rem;
	height: 0.6rem;
	outline: none;
	float: left;
}



.pro_list .pro_box{
	margin: 0.45rem 0;
}
.pro_list .pro_box .img_box{
	width: 6.1rem;
	height: 3.35rem;
}
.pro_list .pro_box .text_box{
	background-color: #696969;
	width: 6.1rem;
	padding: 0.32rem .3rem .24rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 2.45rem;
	position: relative;
}
.pro_list .pro_box .text_box h3{
	font-size: 0.36rem;
	line-height: 0.36rem;
	font-weight: bold;
	margin: 0;
	color: #FFFFFF;
}
.pro_list .pro_box .text_box p{
	color: #FFFFFF;
	line-height: 0.36rem;
	margin-top: 0.16rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.pro_list .pro_box  .text_box button{
	float: right;
	border: 0;
	border-radius: 0.26rem;
	position: absolute;
	text-align: left;
	padding-left: 0.44rem;
	right: 0.32rem;
	bottom: 0.24rem;
	color: #FFFFFF;
	font-size: 0.18rem;
	margin-top: 0.13rem;
	width: 2.06rem;
	height: 0.52rem;
	background: #c60001 url('../images/aon-2.png') no-repeat 80% 50%;
}


/* pro_list */
.prot{padding:0.25rem 0;background-color: #f8f8f8;}
.pro_type{position:relative;border-bottom: 0.01rem solid #eeeeee;padding: 0.34rem 0;}
.pro_type .more{
	height: 0.4rem;
	line-height: 0.4rem;
	position: absolute;
	width: 0.50rem;
	background-image: url('../images/add_03.jpg');
	background-repeat: no-repeat;
	background-position: center right;
	top: 0.34rem;
	right: 0;
	color: #888888;
	font-size: 0.16rem;
}
.pro_type .more.on{
	background-image: url('../images/sub_03.jpg');
}
/* .pro_type.h1 ul{
	padding-right: 0.50rem;
} */
.pro_type ul .des a{
	float: left;
	display: block;
}
.pro_type_child ul{
	display: none;
	margin-left: 0.15rem;
}
.pro_type_child ul li{
	background: url('../images/icon03.png') no-repeat center left;
	padding-left: 0.2rem;
}
.pro_type_child ul>li>a{
	padding-right: 0.3rem;
}
.pro_type_child ul.on{
	display: block;
}
.pro_type>ul{
	padding-left: 0.15rem;
	transition: all .5s;
	overflow: hidden;
	max-height: 0.8rem;
}
.pro_type>ul.on{
	max-height: 2rem;
}
.pro_type ul li,.pro_type_child ul.t1 li:nth-child(1){
	height:0.4rem;
	line-height:0.4rem;
	display:inline-block;
	float:left;
	font-size:0.16rem;
	color:#888888;
	/* margin-bottom:0.5rem; */
	position: relative;
	font-weight: 400;
}
.pro_type>ul>li:nth-child(1){
	display: block;
	width: 100%;
	color: #666666;
	font-size: 0.24rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pro_type ul li>a{
	display:block;
	padding-right: 0.5rem;
	font-size: 0.22rem;
	line-height: 0.4rem;
}
.pro_type_child ul li>a{color: #999999;}
.pro_type ul li.on,
.pro_type ul li:not(:first-of-type):hover,
.pro_type_child ul a:hover
{color:#d70039;}

.prot .search_box{
	position: relative;
	margin: 0.40rem 0;
}
.prot input{
	width: 100%;
	height: 0.50rem;
	background-color: #eeeeee;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 0.20rem;
}
.pro1_list .pro_box{
	margin-top: 0.5rem;
}
.pro1_list .pro_box .img_box{
	width: 6.1rem;
	height: 4rem;
}
.pro1_list .pro_box .text_box{
	font-size: 0.24rem;
	margin-top: 0.1rem;
	line-height: 0.3rem;
	color: #666666;
}


/* 产品页导航栏 */
.pnav{
	/* margin-top: 0.5rem; */
	padding-top: 1rem;
}
.pnav .break{
	line-height: 0.9rem;
}
.pnav .break a{
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #FFFFFF;
}

.pnav .break a+a:before{
	display: inline-block;
	font-family: '宋体';
	content: '>';
	vertical-align: middle;
	color: #FFFFFF;
	margin: 0 0.2rem;
	font-size: 0.3rem;
}
.pnav h3{
	font-size: 0.36rem;
	color: #FFFFFF;
	margin-bottom: 0.3rem;
}
.pnav p{
	color: #FFFFFF;
	margin-right: 0.5rem;
	font-size: 0.2rem;
	line-height: 0.36rem;
}




/* 轮播图 */
.apply{margin-bottom: 0.6rem;}
.apply .img_box{width: 6.4rem;height: 4rem;}
.apply .img_box img{width: 100%;height: 100%;}
.apply .swiper-pagination-bullet {background-color: #bfbfbf;width: .16rem;height: 0.15rem;display: inline-block;opacity: 1;border-radius: 50%;}
.apply .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{outline: none;margin: 0 .05rem;}
.apply .swiper-container-horizontal>.swiper-pagination-bullets,.apply .swiper-pagination-custom,.apply .swiper-pagination-fraction{display: flex;justify-content: center;align-items: center;}
.apply .swiper-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #FFFFFF;width: .16rem;height: .15rem;margin: 0 .05rem;}


/* 产品展示 */
.swiper01{
	position: relative;
}
.swiper01 .swiper-slide{  
	text-align: center;  
	font-size: 0.18rem;  
	color: red;  
	width: 80%;  
	height: 3.05rem;  
	background-position: center;  
	background-repeat: no-repeat;  
	background-size: 100% auto;  
	display: flex;  
	justify-content: center;  
	align-items: center;  
}
.gallery-thumbs {  
	height: 20%;
	box-sizing: border-box;  
	padding: 0.1rem 0;
	width: 63%;
	margin-left: auto;  
	margin-right: auto;  
}  
.gallery-thumbs .swiper-slide{
	width: 33.3%;
	margin-top: 0.25rem;
	height: 100%;  
	padding-top: 0.1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}  
.gallery-thumbs .swiper-slide .img_box{
	border: 0.02rem solid #7d7d7d;
	
}
.gallery-thumbs .swiper-slide img{
	width: 1.2rem;
	height: 0.8rem;
}  
.gallery-thumbs .swiper-slide-thumb-active{
	opacity: 1;
	background-image: url(../images/tri.png);
	background-size: 0.2rem 0.1rem;
	background-position: center top;  
}  


.pro_show{
	padding-bottom: 0.4rem;
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 0.4rem;
}
.pro_show h2{
	font-size: 0.36rem;
	margin: 0.36rem 0 0.45rem;
	text-align: center;
}
.pro_show h3{
	text-align: center;
	color: #333333;
	font-size: 0.3rem;
	margin: 0.3rem 0;
}
.pro_show p{
	font-size: 0.15rem;
	line-height: 0.5rem;
	margin: 0 auto;
	width: 2.3rem;
	height: 0.5rem;
	text-align: center;
	border: 1px solid #aaaaaa;
}

.pro_show ul{
	margin-top: 0.6rem;
}
.pro_show ul li{
	font-size: 0.24rem;
	line-height: 0.48rem;
	color: #666666;
}
.pro_show ul .zies{
	color: #999999;
	display: inline-block;
}
.swiper01 .prev,
.swiper01 .next{
	width: 0.4rem;
	height: 0.7rem;
	line-height: 0.7rem;
	top: 1.15rem;
	outline: none;
	font-size: 0.4rem;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	font-family: '宋体';
	z-index: 20;
	display: block;
	position: absolute;
	background-color: rgba(68,68,68,.8);
}
.swiper01 .next{
	right: 0;
}

.apply h2{
	font-size: 0.36rem;
	margin: 0.36rem 0 0.45rem;
	text-align: center;
}

/* jion */
.inav.only{
	position: absolute;
	top: 5rem;
	z-index: 5;
	background-color: rgba(255,255,255,.09);
	width: 100%;
	max-width: 6.4rem;
	/* color: #FFFFFF; */
}
/* .inav.only .page_name li a,
.inav.only .break div a{
	color: #FFFFFF;
} */

.jion_main{
	width: 6.4rem;
	position: relative;
	background-size: 0.46rem 0.35rem;
	top: 0;
	left: 0;
}
.jion_main .advan,
.jion_main .support,
.jion_main .flow,
.jion_main .apply{
	position: relative;
	top: 1.8rem;
	margin-bottom: 1rem;
}
.jion_main .htit2{
	color: #333333;
	text-align: center;
}
.jion_main .htit2 h2{
	font-size: 0.38rem;
	line-height: 0.4rem;
	margin-bottom: 0.26rem;
	font-weight: bold;
}
.jion_main .htit2 p{
	font-size: 0.3rem;
}

.advan{
    background-position: center top;
    background-repeat: no-repeat;
    padding-top: 0.6rem;
}
.swiper4{margin:0.45rem 0 0.6rem;}
.swiper4 .img_box{width: 6.4rem;height: 4rem;}
.swiper4 .img_box img{width: 100%;height: 100%;}
.swiper4 h3{
	font-size: 0.3rem;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0.8rem 0 0.30rem;
	padding-left: 0.35rem;
}
.swiper4 p{
	padding-left: 0.35rem;
	padding-right: 0.8rem;
	font-size: 0.22rem;
	line-height: 0.48rem;
	color: #FFFFFF;
}
.swiper4 .swiper-slide{
    background-color: rgba(21,27,41,.6);
	height: 4.23rem;
}


.swiper4 .swiper-pagination {/* width: 100%; */ display : flex ; align-items : center ; 
margin: 0 0.2rem;
bottom : 0.02rem !important ; /* overflow : hidden; */
 position: unset;/* display: inline-block; */}
.swiper4 .swiper-pagination span{
	
}
.swiper4 .page::before { content : "" ; display : inline-block ; width : 8rem ; height : 0.01rem ; background-color : #CCCCCC ; margin-right : 0.24rem ; vertical-align : middle;visibility: unset;}
.swiper4 .page::after { content : "" ; display : inline-block ; width : 8rem ; height : 0.01rem ; background-color : #CCCCCC ; margin-left : 0.24rem; vertical-align : middle;visibility: unset;} 
.swiper4 .swiper-pagination span {opacity: 1; display : inline-block ; width : 0.11rem ; flex-shrink : 0 ; height : 0.11rem ; background-color : #666666 ;  color : #666666 ; font-size : 0.16rem ; text-align : center ; line-height : 0.33rem ; position : relative;margin: 0 0.09rem;outline: none;}
.swiper4 .swiper-pagination-bullet-active { width : 0.11rem !important ; height : 0.11rem !important ;background-color : transparent !important ; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
 border: 1px solid #666666;
 }
 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	 margin: 0 0.09rem;
 }
 .swiper4 .page{
	 width: 100%;
	 position: relative;
	 display: flex;
	 margin-top: 0.8rem;
	 align-items: center;
 }
 .swiper4 .page>span{
	top: 0;
	color: #666666;
	position: unset;
	font-size: 0.24rem;
	display: inline-block;
	background-color: transparent;
}
 
 .support img{
	 margin-top: 0.6rem;
	 color: #000000;
}

 .support .support_list{
	 margin-top: 0.5rem;
}
 .support .support_list .text_box{
	margin: 0 0.15rem;
	height: 1.94rem;
	display: table-cell;
	vertical-align: middle;
}
 .support .support_list .support_box{
	 background-color: #f5f5f5;
	 border-radius: 0.08rem;
	 margin-bottom: 0.2rem;
}
 .support .support_list .text_box h3{
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #262626;
	font-weight: bold;
	margin-bottom: 0.26rem;
}
 .support .support_list .text_box p{
	font-size: 0.18rem;
	line-height: 0.30rem;
	margin-bottom: 0.18rem;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
}
.jion_main .support .support_list .support_box .img{
	width: 0.7rem;
	height: 0.7rem;
	border-radius: 50%;
	background-color: red;
	background-repeat: no-repeat;
	background-position: center;
	margin: 0.60rem 0.08rem 0.60rem 0.11rem;
	float: left;
}

.jion_main .support .support_list .support_box:nth-of-type(1) .img{
	background-image: url('../images/pro_icon01.png');
}
.jion_main .support .support_list .support_box:nth-of-type(2) .img{
	background-image: url('../images/pro_icon02.png');
}
.jion_main .support .support_list .support_box:nth-of-type(3) .img{
	background-image: url('../images/pro_icon03.png');
}
.jion_main .support .support_list .support_box:nth-of-type(4) .img{
	background-image: url('../images/pro_icon04.png');
}
.jion_main .support .support_list .support_box:nth-of-type(5) .img{
	background-image: url('../images/pro_icon05.png');
}
.jion_main .support .support_list .support_box:nth-of-type(6) .img{
	background-image: url('../images/pro_icon06.png');
}



.flow{
	background-repeat: no-repeat;
	background-position: center 0.5rem;
}
.flow img{
	margin-top: 0.48rem;
}

.jion_main .apply{
	color: #FFFFFF;
	margin-bottom: 1.8rem;
}

.apply .apply_list{
	padding: 0.7rem 0;
	background-color: rgba(38,38,38,.6);
	margin-top: 0.55rem;
}
.apply .apply_list h3{
	font-size: .26rem;
	line-height: .30rem;
	padding-left: 0.4rem;
	font-weight: bold;
}
.apply .apply_list .shops{
	font-size: .22rem;
	line-height: .36rem;
	margin: .40rem 0;
	padding-left: .4rem;
}
.apply .apply_list .hot>p{
	padding-left: .15rem;
	font-size: .17rem;
	line-height: .30rem;
	margin-bottom: .10rem;
}
.apply .apply_list .hot>p::before{
	content: '';
	width: .16rem;
	height: .16rem;
	display: inline-block;
	background-image: url('../img/phone01.png');
	background-repeat: no-repeat;
	margin-left: -.15rem;
}

.apply .apply_list .hot{
	display: inline-block;
}
.apply .apply_list .hot h3{
	margin-top: .30rem;
	margin-bottom: .65rem;
}
.apply .apply_list .imessage{
	display: inline-block;
	width: 6.1rem;
	color: #FFFFFF;
}
.apply .apply_list .imessage input{
	color: #FFFFFF;
	width: 2.92rem;
}
.apply .apply_list .imessage input:first-of-type{
	margin-right: .24rem;
}

.apply .apply_list .imessage select{
	margin-right: .15rem;
}
.apply .apply_list .imessage input.select,
.apply .apply_list .imessage select{
	width: 1.925rem;
	vertical-align: top;
}
.apply .apply_list .imessage input,
.apply .apply_list .imessage select,
.apply .apply_list .imessage textarea{
	float: left;
	color: #FFFFFF;
	-webkit-box-sizing: border-box;
	outline: none;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: .25rem;
    margin-bottom: .20rem;
	background-color: rgba(38,38,38,.6);
	border: 0;
	height: .60rem;
}
.apply .apply_list .imessage select option{
	color: #333333;
}
.apply .apply_list .imessage .city_select{
    display: inline-block;
	float: left;
}

.apply .apply_list .imessage textarea::placeholder{
	color: #FFFFFF;
	font-size: .14rem;
}
.apply .apply_list .imessage input::placeholder{
	font-size: .14rem;
	color: #FFFFFF;
}
.apply .apply_list .imessage{
	vertical-align: top;
	margin-top: .30rem;
}
.apply .apply_list .imessage form:after{
	display: table;
	content: '';
	clear: both;
}
.apply .apply_list .imessage textarea{
    resize: none;
	width: 6.1rem;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 1.50rem;
	line-height: .30rem;
    display: block;
    padding: .20rem;
}
.apply .apply_list .imessage .img_box{
	width: 1.90rem;
	height: .60rem;
	margin-bottom: 0.2rem;
	margin-left: .1rem;
	display: inline-block;
}
.apply .apply_list .imessage button{
	font-size: .16rem;
	border: 0;
	background-color: #d61919;
	color: #FFFFFF;
	width: 2.1rem;
	height: .60rem;
	float: right;
}


/* about */
.about_main{
	width: 6.4rem;
	height: 54.2rem;
	position: relative;
	background-repeat: no-repeat;
	background-size: 6.4rem 54.2rem;
	top: 0;
	left: 0;
}
.about_main .about,
.about_main .pic,
.about_main .history,
.about_main .about-honor{
	top: 2.5rem;
	position: relative;
	
}
.about_main .about{
	background-color: #f5f5f5;
}
.about_main .about .main:after{
	display: table;
	content: '';
}
.about_main .about.main{
	background-color: transparent;
	
}
.htit3 h2{
	font-size: 0.3rem;
	line-height: 0.48rem;
	font-weight: bold;
	text-align: left;
}
.htit3 p{
	font-size: 0.26rem;
	line-height: 0.48rem;
	font-weight: bold;
}
.about p img{
	border-radius: 0.3rem;
	margin: 0.5rem 0;
}
.about p{
	font-size: 0.22rem;
	line-height: 0.36rem;
	margin-bottom: 0.36rem;
	letter-spacing: 0.0125rem;
}

.about .main>img{
	width: 6.4rem;
	margin: 0.4rem -0.15rem 0.8rem;
	max-width: none;
}

.pic{
	margin: 0.5rem 0;
}



.wenhua{
	margin-top: 0.7rem;
}
.wenhua .free{
	height: 0.8rem;
	line-height: 0.8rem;
	margin-bottom: .50rem;
}
.wenhua .free>div{
	padding-top: .04rem;
}
.wenhua .free img{
	float: left;
	margin-right: .20rem;
}
.wenhua .free p{
	font-size: .22rem;
	line-height: .36rem;
	margin: 0;
	display: block;
}
.wenhua .free>p{
	height: .80rem;
	line-height: .80rem;
}

.swiper5 .swiper-pagination {/* width: 100%; */ display : flex ; align-items : center ; 
margin: 0 0.2rem;
    transform: translate3d(0,0,0);
bottom : 0.02rem !important ; /* overflow : hidden; */
 position: unset;/* display: inline-block; */}
.swiper5 .page::before { content : "" ; display : inline-block ; width : 8rem ; height : 0.01rem ; background-color : #CCCCCC ; margin-right : 0.24rem ; vertical-align : middle;visibility: unset;}
.swiper5 .page::after { content : "" ; display : inline-block ; width : 8rem ; height : 0.01rem ; background-color : #CCCCCC ; margin-left : 0.24rem; vertical-align : middle;visibility: unset;} 
.swiper5 .page{
	 width: 100%;
	 position: relative;
	 display: flex;
	 align-items: center;
}
.swiper5 .page>span{
	top: 0;
	position: unset;
	font-size: 0.24rem;
	display: inline-block;
	background-color: transparent;
}
.swiper5 .swiper-pagination span {opacity: 1; display : inline-block ; width : 0.11rem ; flex-shrink : 0 ; height : 0.11rem ; background-color : #FFFFFF ;  color : #666666 ; font-size : 0.16rem ; text-align : center ; line-height : 0.33rem ; position : relative;margin: 0 0.09rem !important;}
.swiper5 .text_box{
	color: #FFFFFF;
	text-align: center;
	font-size: 0.22rem;
	line-height: 0.77rem;
}



.about-honor .swiper-container{
    width: 100%;
    height: auto;
    margin-top: 0.48rem;
    padding-bottom: .5rem;
    position: relative;
	
}
.about-honor{
	background-color: #272d35;
}
.about-honor .htit3:before{
	content: '';
	display: table;
}
.about-honor .htit3 h2{
	color: #FFFFFF;
}
.about-honor .img-box {
    width: 2.11rem;
    height: 3rem;
}
/* .about-honor .swiper-slide {
    width: 2.53rem;
    opacity: 0.5;
    transform: scale(0.66);
    transition: .5s;
    position: relative;
    cursor: pointer;
} */

.history{
	/* color: #FFFFFF; */
}

.history:after{
	width:100%;
	height:0.01rem;
	display:inline-block;
	content:'';
	background:rgba(210,210,210,.39);
	position:absolute;
	left:0;
	top:1.3rem;
	z-index: 1;
}

.history .htit3 h2{
	margin: 0.6rem auto 0.5rem;
}
.history .history_slide{
	width:100%;
	margin:0 auto;
	position:absolute;
	top:.7rem;
	left:50%;
	z-index: 33;
	transform: translate(-50%, 0);
	padding-bottom: 0.2rem;
	background-size: 100% 100%;
}
.history .swiper-slide .text_box{
	/* text-align:center; */
}
.history .swiper-slide .text_box .years{
	background-color: #1d2a3a;
	color: #FFFFFF;
	border-radius: 50%;
	margin: 1rem auto 0;
	width: 1.05rem;
	height: 1.05rem;
	text-align: center;
}
.history .swiper-slide .text_box h3{
	line-height:1.05rem;
	font-size:.18rem;
}
.history .swiper-slide .text_box i{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-image:url(../images/icon2.png);
	width:.21rem;
	height:.21rem;
	display:inline-block;
	position:absolute;
	left:50%;
	top:.50rem;
	transform: translate(-50%, 0);
	z-index: 99;
}
.history .swiper-slide .text_box .text{
	height:1.8rem;
	font-size:.22rem;
	line-height:.4rem;
	padding-top:.25rem;
	text-align:center;
	width: 80%;
	margin: 0 auto;
}

.history .slide_btn{
	padding-top:.30rem;
	text-align:center;
	position:relative;
}
.history .slide_btn:after,
.history .slide_btn::before{
	content:'';
	display:inline-block;
	width:5.6rem;
	height:.1rem;
	background:#a6a6a6;
	position:absolute;
	top:.50rem;
}
.history .slide_btn:after{
	left:0;
}
.history .slide_btn:before{
	right:0;
}
.history .slide_btn span{
	width:.45rem;
	height:.45rem;
	display:inline-block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: auto 100%;
	margin:0 .10rem;
	cursor: pointer;
}
.history .slide_btn span:hover{
	opacity: .7;
}

.swiper-pagination-progressbar{
	width: 80%;
	height: 0.03rem;
	position: unset;
	margin: 0.5rem auto 0;
	border-radius: 0.015rem;
	background-color: rgba(29,42,58,.41);
}
.my-pagination-progressbar-fill{
	background-color: #1d2a3a;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: -0.03rem;
	width: 100%;
	height: 0.08rem;
	border-radius: 10%;
	transform: scale(0);
	transform-origin: left top;
}